// +----------------------------------------------------------------------
// | xx [ xx赋能开发者，方便快捷开发]
// +----------------------------------------------------------------------
// | Copyright (c) 2016~2021 https://www.xxx.com All rights reserved.
// +----------------------------------------------------------------------
// | Licensed xx并不是自由软件，未经许可不能去掉xx相关版权
// +----------------------------------------------------------------------
// | Author: xx Team <xx@xx.com>
// +----------------------------------------------------------------------
// | Description:  全局配置
// +----------------------------------------------------------------------
import { defineStore } from "pinia";
import { SelfStorage } from "../securels";

export const useConfigStore = defineStore("config", {
  // 状态
  state: () => ({
    /*************************站点配置************************/
    // 站点标题
    siteTitle: "OneSeveAdmin",

    // 站点地址标题
    siteUrl: "#",

    // 是否开启布局配置抽屉
    isDrawer: false,

    // 移动端布局
    isMobile: false,

    // 布局切换：可选值"<default|classic|transverse|columns>"，默认 default
    layout: "default",

    // 颜色
    color: "#409EFF",

    // 是否开启深色模式
    isDark: false,

    // 是否开启灰色模式
    isGrayscale: false,

    // 是否开启色弱模式
    isInvert: false,

    // 是否开启 Tagsview
    isTagsview: true,

    // 是否开启顶栏导航
    isTopbar: true,

    /************ 菜单 / 顶栏 ************/
    /**
     * 请注意： 需要同时修改 `/@/theme/common/var.scss` 对应的值，
     */

    // 默认顶栏导航背景颜色
    topBar: "#ffffff",

    // 默认顶栏导航字体颜色
    topBarColor: "#606266",

    // 默认菜单导航背景颜色
    menuBar: "#282c34",

    // 默认菜单导航字体颜色
    menuBarColor: "#eaeaea",

    // 默认分栏菜单背景颜色
    columnsMenuBar: "#282c34",

    // 默认分栏菜单字体颜色
    columnsMenuBarColor: "#e6e6e6",

    /************ 界面设置 ************/

    // 是否开启菜单水平折叠效果
    isCollapse: false,

    // 是否开启菜单手风琴效果
    isUniqueOpened: true,

    // 是否开启固定 Header
    isFixedHeader: true,

    /************ 界面显示 ************/

    // 是否开启侧边栏 Logo
    isShowLogo: true,

    // 是否开启 Breadcrumb
    isBreadcrumb: true,

    // 是否开启 Breadcrumb 图标
    isBreadcrumbIcon: false,

    // 是否开启 Tagsview
    isTagsview: true,

    // 是否开启 Tagsview 图标
    isTagsviewIcon: false,

    // 是否开启 TagsView 缓存
    isCacheTagsView: false,

    // 是否开启 Footer 底部版权信息
    isFooter: true,

    /************ 其它设置 ************/

    /**
     * 默认 Tagsview 风格，可选 1、 tags-style-one，自行扩展：
     * 1、需修改 @/layout/navBars/breadcrumb/setings.vue `getThemeConfig.tagsStyle` el-option
     * 2、需修改 @/layout/navBars/tagsView/tagsView.vue 代码最底部注释部分 css 样式
     */
    tagsStyle: "tags-style-five",

    // 主页面切换动画：可选值"<slide-right|slide-left|opacitys>"，默认 slide-right
    animation: "opacitys",

    // 分栏高亮风格：可选值"<columns-round|columns-card>"，默认 columns-round
    columnsAsideStyle: "columns-card",

    // 分栏布局风格：可ƒ选值"<columns-horizontal|columns-vertical>"，默认 columns-horizontal
    columnsAsideLayout: "columns-vertical",

    /************ 全局网站标题 / 副标题 ************/

    // 网站主标题（菜单导航、浏览器当前网页标题）
    globalTitle: "crmeb-admin",

    // 网站副标题（登录页顶部文字）
    globalViceTitle: "",

    // 网站描述（登录页顶部文字）
    globalViceDes: "vue2",

    // 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn
    globalI18n: "zh-cn",

    // 默认全局组件大小，可选值"<|medium|small|mini>"，默认 ''
    globalComponentSize: "",
  }),
  // 动作
  actions: {
    setThemeConfig(config) {
      this.themeConfig = config;
    },
  },
  // 计算
  getters: {},

  // 持久化
  persist: {
    key: "CONFIG",
    storage: SelfStorage,
  },
});
